// pages/buy/buy.js
Page({
  data: {
    messages: [
      {
        type: 'received',
        avatar: '/images/message-touxiang1.png',
        text: '你好，请问包邮吗'
      },
      {
        type: 'sent',
        avatar: '/images/message-touxiangkefu.png',
        text: '不好意思，不包邮的哟'
      }
    ],
    messageContent: '',
    inputPlaceholder: '输入消息内容' // 输入框占位符
  },

  inputChange(e) {
    this.setData({
      messageContent: e.detail.value,
      inputPlaceholder: e.detail.value ? '' : '输入消息内容' // 当输入框有内容时，不显示占位符文字
    });
  },

  sendMessage() {
    const { messageContent } = this.data;
    if (messageContent.trim() === '') {
      // 消息内容为空时给出提示
      wx.showToast({
        title: '不能发送空消息',
        icon: 'none',
        duration: 2000
      });
      return;
    }
    
    // 创建新消息对象
    const newMessage = {
      type: 'sent',
      avatar: '/images/message-touxiangkefu.png', // 发送者头像
      text: messageContent, // 输入的消息内容
      timestamp: new Date().toLocaleString() // 消息时间戳
    };
    
    // 更新页面数据
    this.setData({
      messages: [...this.data.messages, newMessage], // 将新消息添加到消息列表
      messageContent: '', // 发送消息后清空输入框内容
      inputPlaceholder: '输入消息内容' // 恢复输入框占位符文字
    });
  },

  // 页面加载时可以加载更多消息
  onLoad() {
    // 可以在这里添加从服务器获取历史消息的代码
    // 然后将获取到的消息设置到 this.data.messages
  }
});